<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商务服务商家店铺详情</title>
		<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<script src="js/common/baseUrl.js"></script>
		<script src="js/common/jquery-1.12.2.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=SWfTFg9PEvrqde3nevWebx8rtGwaKfEe"></script>

	</head>

	<body class="shopBox">

		<div id="header">
			<div class="top">
				<div class="top-left">
					<i class="fa fa-map-marker "></i>
					<a href="javascript:void(0)" class="one">广州</a>
					<a href="javascript:void(0)" class="two">切换城市</a>
				</div>
				<div class="top-right">
					<a class="one">
						<i class="fa fa-user"></i> 朱莉
					</a>
					<a href="javascript:void(0)">退出</a>
					<a href="javascript:void(0)">帮助中心</a>
					<a href="javascript:void(0)">网站导航</a>
					<a href="javascript:void(0)">手机APP</a>
				</div>

			</div>
			<div class="searchBox">
				<div class="search">
					<div class="search-left">
						<h3>互生 <small>商务服务</small></h3>
					</div>
					<div class="search-right">
						<div class="one">
							<input type="text" name="search" id="search" value="输入商家名称、分类或地区" placeholder="输入商家名称、分类或地区" />
							<a href="javascript:void(0)">
								<i class="fa fa-search"></i>
							</a>
						</div>

						<div class="two" id="top-nav">
							<script id="top-nav-script" type="text/html">
								{{each data val index}}
									<a href="#">{{val.cateName}}</a>
								{{/each}}
							</script>
						</div>
					</div>

				</div>

			</div>

		</div>
	
		<div class="shops shopsdetai">

			<!--公司简介-->
			<div class="jianjie">
				<div class="left" id="goods-detail">
					<script id="goods-script" type="text/html">
						<h3>{{data.goodsName}}</h3>
						<ul>
							<li>
								<span>发布时间：</span>
								<p>{{data.upshelfTime}}</p>
							</li>
							<li>
								<span>服务类型：</span>
								<p>{{data.categorySubName}}</p>
							</li>
							<li>
								<span>服务区域：</span>
								<p>{{data.serviceArea}}</p>
							</li>
							<li>
								<span>联系电话：</span>
								<p>{{data.contactsPhone}}</p>
							</li>
							<li>
								<span>服务描述：</span>
								<p>{{data.goodsAdvantage}}</p>

							</li>
						</ul>
						<div>
							<span> <i class="fa fa-share-square-o"></i> 分享</span>
							{{if data.collectStatus == 1}}
								<span class="clear-collection-shop"><i class="fa fa-star"></i> 收藏</span>
							{{/if}}
							{{if data.collectStatus == 0}}
								<span class="collection-shop"><i class="fa fa-star-o"></i> 收藏</span>
							{{/if}}
						</div>
					</script>
				</div>
				<div class="right" id="shop-detail">
					<script id="shop-script" type="text/html">
						<div class="right-one">
							<img src="{{data.shopLogo}}" />
							<h4>{{data.entName}}
								<img src="{{data.picList[0]}}" />
							</h4>
							<p>({{data.entResno.substring(0,2)+' '+data.entResno.substring(2,5)+' '+
									data.entResno.substring(5,7)+' '+data.entResno.substring(7,11)}})
							</p>
						</div>
						<ul>
							<li>
								<span>商家电话</span>
								{{if data.isLogin == 0}}
									<p>
										<a href="#">登录可看</a>
									</p>
								{{/if}}
								{{if data.isLogin == 1}}
									<p>
										<a href="javascript:;">{{data.shopPhone}}</a>
									</p>
								{{/if}}
							</li>
							<li>
								<span>商家地址：</span>
								<p>{{data.shopAddress}}
									<a href="#">[地图]</a>
								</p>
							</li>
							<li>
								<span>营业时间：</span>
								{{if data.serviceTimeType == 0}}
									<p>
										{{data.serviceRangeTime.split(',')[0]+'至'+data.serviceRangeTime.split(',')[1]}}
									</p>
								{{/if}}
								{{if data.serviceTimeType == 1}}
									{{each data.serviceTime val index}}
										<p>
											{{'周'+val.startDate+'至'+'周'+val.endDate+' '+val.starTime+'至'+val.endTime}}
										</p>
									{{/each}}
								{{/if}}
							</li>
						</ul>
						<div>
							<span><i class="fa fa-comments"></i> 联系商家</span>
							{{if data.collectStatus == 1}}
								<span class="clear-shop-focus"><i class="fa fa-heart"></i>关注店铺 </span>
							{{/if}}
							{{if data.collectStatus == 0}}
								<span class="shop-focus"><i class="fa fa-heart-o"></i>关注店铺 </span>
							{{/if}}
							<p>
								<button>进店逛逛</button>
							</p>
						</div>
					</script>
				</div>
			</div>
			<p class="mao">
				<a href="#infor">服务详情</a>
				<a href="#comments">用户评价</a>
			</p>
			<div class="infor " id="infor">
				<div class="infor-top">
					服务详情
				</div>
				<div id="service-detail">
					<script id="goods-service-script" type="text/html">
						<p>{{data.goodsDetail}}</p>
					</script>
				</div>
				<!-- <ul>
					<li>
						<h4>一、客户：“申请商标需要什么材料”</h4>
						<div>
							<h4>1.公司名义申请(注册在公司名下)：</h4>

							<p>
								.公司营业执照复印件(加盖公章)扫描件
							</p>
							<p>
								.其余材料为我方制作
							</p>
						</div>
						<div>
							<h4> 2.个人名义申请(注册在个人名下)：</h4>
							<p>
								.申请人身份证扫描件
							</p>
							<p>
								.个体工商户执照扫描件
							</p>
							<p>.其余材料我方制作</p>

						</div>
					</li>
					<li>
						<h4>二、客户：“商标注册要多长时间”</h4>
						<div>
							<p>
								商标顾问：自商标申请受理回执下发后，2个月时间发商标受理通知书， 十个月左右出身公告，13-15个月左右拿到商标注册证书，商标局下发任何文件都是由商标邮寄给您”
							</p>

						</div>
					</li>
					<li>
						<h4>三、客户：“跟你们合作的流程怎么走，什么时候付款”</h4>
						<div>
							<p>
								1. 商标前期检索，降低商标注册风险，由专业的律师分析商标注册通过概率！
							</p>
							<p>
								2.我方制作商标注册代理合同和商标注册材料，付款后当日或者次日即可向商标局提交！第二天就可以给出 商标受理回执！就是这么快！
							</p>

						</div>
					</li>

				</ul> -->
			</div>

			<!--用户评价-->
			<div class="comments shop-detail-box" id="comments">
				<div class="com-top">
					<h4 class="change">用户评价</h4>
					<button>写点评</button>
				</div>
				<div class="evaluation-box" id="evaluation-box">
					<script id="evaluation-total" type="text/html">
						<div class="com-point">
							<h4>{{data.shopEvaluateValue}}</h4>
							<div class="point-det">
								<span>综合评分</span>
								<p>
									<% for(var i = 0; i < data.round; i++){ %>
										<i class="fa fa-star"></i>
									<% } %>
									<% for(var j = 0; j < data.cha; j++){ %>
										<i class="fa fa-star-o"></i>
									<% } %>
								</p>
							</div>
							<div class="rate">
								<span>{{'好评率'+data.wellPoint+'%'}}</span>
							</div>
						</div>
						<div class="com-category" id="com-category">
							<span class="span" data-evaluation-state="0">{{'全部('+data.totalEval+')'}}</span>
							<span data-evaluation-state="1">{{'好评('+data.wellEval+')'}}</span>
							<span data-evaluation-state="2">{{'差评('+data.badEval+')'}}</span>
							<span data-evaluation-state="3">{{'有图('+data.hasPic+')'}}</span>				
						</div>
					</script>
				</div>
				<div class="tabChange">
					<ul class="comments-lists" id="evaluation-list">
						<script id="evaluation-list-script" type="text/html">
							{{each data val}}
								<li>
									<div class="left">
										<img src="{{pirUrl+val.userHeadUrl}}" />
									</div>
									<div class="center">
										<p>{{val.userName}}</p>
										<p>
											<% for(var i = 0; i < val.evaluateValue; i++){ %>
													<i class="fa fa-star"></i>
											<% } %>
											<% for(var k = 0; k < val.cha; k++){ %>
												<i class="fa fa-star-o"></i>
											<% } %>
										</p>
										<p>{{val.evaluateContent}}</p>
										<div>
											<% for(var j = 0; j < val.imgList; j++){ %>
												<img src="{{pirUrl+data.imgList[j]}}" />
											<% } %>
										</div>
										<div class="xiangguan">
											<img src="img/2.png" alt="" />
											<div>
												<h4>{{val.goodsName}}</h4>
												<p>{{val.goodsAdvantage}}</p>
											</div>
										</div>
										<div class="huifu">
											<strong>商家回复：</strong>
											<span>{{val.reply}}</span>
										</div>
									</div>
									<div class="right">{{val.evaluateTime}}</div>
								</li>
							{{/each}}
						</script>
					</ul>
					<!-- <ul class="comments-lists none">
						<li>
							<div class="left">
								<img src="img/4.png" />
							</div>
							<div class="center">
								<p>
									k****
								</p>
								<p>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</p>
								<p>
									上了5节课，来点评一下吧。记得今年过年体重越来越重。作为一个久坐办公室的人
								</p>
								<div>
									<img src="img/1.jpeg" />
									<img src="img/5.jpg" />
									<img src="img/goods_img.png" />
								</div>
								<div class="xiangguan">
									<img src="img/2.png" alt="" />
									<div>
										<h4>单人一日健身</h4>
										<p>服务描述服务描述服务描述</p>
									</div>
								</div>
								<div class="huifu">
									<strong>商家回复：</strong>
									<span>谢谢亲！我们是有实力的，欢迎下次再来哦，谢谢亲！</span>
								</div>
							</div>
							<div class="right">
								2018-3-12
							</div>
						</li>

						<li>
							<div class="left">
								<img src="img/4.png" />
							</div>
							<div class="center">
								<p>
									k****
								</p>
								<p>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</p>
								<p>
									上了5节课，来点评一下吧。记得今年过年体重越来越重。作为一个久坐办公室的人
								</p>
								<div>
									<img src="img/1.jpeg" />
									<img src="img/5.jpg" />
									<img src="img/goods_img.png" />
								</div>
								<div class="xiangguan">
									<img src="img/2.png" alt="" />
									<div>
										<h4>单人一日健身</h4>
										<p>服务描述服务描述服务描述</p>
									</div>
								</div>
								<div class="huifu">
									<strong>商家回复：</strong>
									<span>谢谢亲！我们是有实力的，欢迎下次再来哦，谢谢亲！</span>
								</div>
							</div>
							<div class="right">
								2018-3-12
							</div>
						</li>

					</ul>
					<ul class="comments-lists none">
						<li>
							<div class="left">
								<img src="img/4.png" />
							</div>
							<div class="center">
								<p>
									k****
								</p>
								<p>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</p>
								<p>
									上了5节课，来点评一下吧。记得今年过年体重越来越重。作为一个久坐办公室的人
								</p>
								<div>
									<img src="img/1.jpeg" />
									<img src="img/5.jpg" />
									<img src="img/goods_img.png" />
								</div>
								<div class="xiangguan">
									<img src="img/2.png" alt="" />
									<div>
										<h4>单人一日健身</h4>
										<p>服务描述服务描述服务描述</p>
									</div>
								</div>
								<div class="huifu">
									<strong>商家回复：</strong>
									<span>谢谢亲！我们是有实力的，欢迎下次再来哦，谢谢亲！</span>
								</div>
							</div>
							<div class="right">
								2018-3-12
							</div>
						</li>

						<li>
							<div class="left">
								<img src="img/4.png" />
							</div>
							<div class="center">
								<p>
									k****
								</p>
								<p>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</p>
								<p>
									上了5节课，来点评一下吧。记得今年过年体重越来越重。作为一个久坐办公室的人
								</p>
								<div>
									<img src="img/1.jpeg" />
									<img src="img/5.jpg" />
									<img src="img/goods_img.png" />
								</div>
								<div class="xiangguan">
									<img src="img/2.png" alt="" />
									<div>
										<h4>单人一日健身</h4>
										<p>服务描述服务描述服务描述</p>
									</div>
								</div>
								<div class="huifu">
									<strong>商家回复：</strong>
									<span>谢谢亲！我们是有实力的，欢迎下次再来哦，谢谢亲！</span>
								</div>
							</div>
							<div class="right">
								2018-3-12
							</div>
						</li>

					</ul>
					<ul class="comments-lists none">
						<li>
							<div class="left">
								<img src="img/4.png" />
							</div>
							<div class="center">
								<p>
									k****
								</p>
								<p>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</p>
								<p>
									上了5节课，来点评一下吧。记得今年过年体重越来越重。作为一个久坐办公室的人
								</p>
								<div>
									<img src="img/1.jpeg" />
									<img src="img/5.jpg" />
									<img src="img/goods_img.png" />
								</div>
								<div class="xiangguan">
									<img src="img/2.png" alt="" />
									<div>
										<h4>单人一日健身</h4>
										<p>服务描述服务描述服务描述</p>
									</div>
								</div>
								<div class="huifu">
									<strong>商家回复：</strong>
									<span>谢谢亲！我们是有实力的，欢迎下次再来哦，谢谢亲！</span>
								</div>
							</div>
							<div class="right">
								2018-3-12
							</div>
						</li>

						<li>
							<div class="left">
								<img src="img/4.png" />
							</div>
							<div class="center">
								<p>
									k****
								</p>
								<p>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</p>
								<p>
									上了5节课，来点评一下吧。记得今年过年体重越来越重。作为一个久坐办公室的人
								</p>
								<div>
									<img src="img/1.jpeg" />
									<img src="img/5.jpg" />
									<img src="img/goods_img.png" />
								</div>
								<div class="xiangguan">
									<img src="img/2.png" alt="" />
									<div>
										<h4>单人一日健身</h4>
										<p>服务描述服务描述服务描述</p>
									</div>
								</div>
								<div class="huifu">
									<strong>商家回复：</strong>
									<span>谢谢亲！我们是有实力的，欢迎下次再来哦，谢谢亲！</span>
								</div>
							</div>
							<div class="right">
								2018-3-12
							</div>
						</li>

					</ul> -->
				</div>

				<a href="javascript:;" class="more">查看更多评价
					<i class="fa fa-caret-down"></i>
				</a>

			</div>
			<!--用户评价-->

		</div>
		<div class="foot" id="foot">
			<p>
				<strong>客服热线： </strong>
				<a href="javascript:void(0)">
					0755-83344111
				</a>
				<span class="foot-adition">2013-2018 </span>
				<span>
						深圳市互生电子商务有限公司
					</span>
				<span>
						粤ICP备案号14100052号
					</span>
			</p>
		</div>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
		<script src="lib/artTemplate.js"></script>
		<script src="js/shopsDetail.js"></script>
		<script type="text/javascript">
			//用户评论区tab切换
			$('.com-category span').each(function(index) {
				$(this).click(function() {
					$(this).css({
						'background': 'rgb(35,106,173)',
						'color': '#fff'

					}).siblings().css({
						'background': '#fff',
						'color': 'rgb(16,16,16)'

					})
					$('.comments .tabChange ul:eq(' + index + ')').css({
						'display': 'block'
					}).siblings().css({
						'display': 'none'
					})
				})
			})
		</script>
	</body>

</html>